﻿<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<title>在线考试</title>

<style>
.hasBeenAnswer {
	background: #5d9cec;
	color:#fff;
}

/*nr start*/
.test_main{width:1200px;  margin:15px auto 0;}
.nr_left{width:900px; height:100%; float:left;}

.test{ width:100%;  border:1px solid #e4e4e4; text-align:left; float:left;}
.test_title{width:900px; height:45px; line-height:45px; background-color:#f7f7f7;position:fixed; bottom:0; z-index:1000;}
.test_title p{padding:0 20px; display:block; float:left;}
.test_time{color:#f00; line-height:45px;}
.test_time i{font-size:20px; height:45px; line-height:40px; display:block; float:left}
.test_time b{font-size:16px; height:45px; display:block; float:left; margin-left:10px;}
.test_dtk {line-height:45px;}
.test_dtk i{font-size:22px; height:45px; line-height:45px; display:block; float:left; color:#389fc3;}
.test_dtk span{font-size:14px; height:45px; display:block; float:left; margin-left:10px;}
.test_title font{width:80px; height:45px;  display:block; float:right; text-align:center; }
.test_title font input{background:#389fc3; border:none; display:block; width:80px; height:45px; cursor:pointer; color:#fff; font-size:16px; font-weight:bold;}
.test_title font input:active{background:#79aef0;}

.test_content{width:100%; height:auto; margin-top:15px;}
.test_content_title{width:100%; height:50px; line-height:50px; background:#f7f7f7; text-align:center;}
.test_content_title h2{padding:0 30px; font-size:16px; font-weight:normal; display:block; float:left}
.test_content_title p{padding:0 10px; height:40px; line-height:40px; background:#389fc3; color:#fff; border-radius:30px; display:block; float:left; margin-top:5px;}

.test_content_nr{width:100%; border-top:3px solid #efefef;}
.test_content_nr>ul>li{width:100%;  border-bottom:5px solid #efefef; padding-top:10px;}
.test_content_nr_tt{width:85%; height:auto; line-height:32px; margin:0 auto; border-bottom:1px solid #e4e4e4;}
.test_content_nr_tt i{width:25px; height:25px; line-height:25px; text-align:center; display:block; float:left; background:#5d9cec; border-radius:50%; margin-left:-50px; color:#fff; margin-top:8px; font-size:16px;}
.test_content_nr_tt span{padding:0 8px;}
.test_content_nr_tt font{font-size:14px}
.test_content_nr_tt b{display:block; float:right; margin-right:-50px; color:#f48c27; font-size:20px;}

.test_content_nr_main{width:85%; margin:0 auto; padding:10px 0;height:auto;}

.option{line-height:32px; display:block; background:#fff;color:#666;}
.option:hover{background:#e4e4e4;}
.option input{width:20px; height:20px; display:block; float:left; margin:10px 10px 0 0;}
.option label{height:auto;display:block;}

.test_more_nr_main{width:85%; margin:0 auto; padding:10px 0;}
.multiple{width:100%; height:40px; line-height:40px; display:block; background:#fff; margin-bottom:3px;}
.multiple:hover{background:#e4e4e4;}
.multiple dd input{width:20px; height:20px; display:block; float:left; margin:10px 10px 0 0;}
.multiple dd label{width:725px; height:40px; display:block; float:left;}
.test_click{background:#7aaff3; }
.test_click a{color:#fff;}
/*nr_right start*/
.nr_right{width:280px; height:100%; float:right;}
.nr_rt_main{width:100%; height:auto;}

.rt_nr1{width:280px; position:fixed; top:15px; z-index:1000;}
.rt_nr1_title{width:280px; height:45px; line-height:45px; background:#f3f3f3;}
.rt_nr1_title h1{width:130px; height:45px; background:#389fc3; text-align:center; font-size:14px; display:block; float:left; color:#fff;}
.rt_nr1_title h1 i{padding:0 5px; font-size:14px; font-weight:normal;}
.rt_nr1_title p{width:141px; height:43px;  padding-right:8px; border:1px solid #e4e4e4; border-left:0; display:block; float:right;}
.rt_nr1_title p i{margin-left:10px;}

.rt_content{width:278px; height:100%; border:1px solid #e4e4e4; border-top:0;}
.rt_content_tt{width:95%; height:40px; line-height:40px; margin:0 auto; border-bottom:1px solid #e4e4e4;}
.rt_content_tt h2{width:150px; font-size:14px; display:inline-block;}
.rt_content_tt p{width:100px; display:inline-block;}
.answerSheet ul{padding:10px; text-align:left;}
.answerSheet li{ display:inline-block;margin-bottom:5px; height:30px; width:30px; line-height:30px; text-align:center; border:1px solid #e4e4e4;}
.answerSheet li a{display:block;}
.answerSheet li:hover{color:#389fc3;border-color: #389fc3;}

.rt_more{width:278px; height:100%; border:1px solid #e4e4e4; border-top:0;}
.rt_more_tt{width:95%; height:40px; line-height:40px; margin:0 auto; border-bottom:1px solid #e4e4e4;}
.rt_more_tt h2{width:150px; font-size:14px; display:inline-block;}
.rt_more_tt p{width:100px; display:inline-block;}
.rt_more_nr ul{padding:10px; text-align:left;}
.rt_more_nr ul li{ display:inline-block; margin:5px; height:30px; width:30px; line-height:30px; text-align:center; border:1px solid #e4e4e4;}


/*nr_right end*/
/*nr end*/

@font-face {font-family: "iconfont";
	src: url('../fonts/iconfont.eot?t=1495435887212'); /* IE9*/
	src: url('../fonts/iconfont.eot?t=1495435887212#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/iconfont.woff?t=1495435887212') format('woff'), /* chrome, firefox */
	url('../fonts/iconfont.ttf?t=1495435887212') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
	url('../fonts/iconfont.svg?t=1495435887212#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
	font-family:"iconfont" !important;
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-gouwuche:before { content: "\e600"; }

.icon-mima:before { content: "\e65e"; }

.icon-shijian:before { content: "\e6fb"; }

.icon-xiaosanjiaoxing02:before { content: "\e631"; }

.icon-sousuo:before { content: "\e6d7"; }

.icon-jinlingyingcaiwangtubiao08:before { content: "\e6a1"; }

.icon-renminbi:before { content: "\e664"; }

.icon-gouxuan:before { content: "\e739"; }

.icon-xiangshang:before { content: "\e635"; }

.icon-xiangxia:before { content: "\e636"; }

.icon-shuangjiantouxiangzuo:before { content: "\e69d"; }

.icon-yonghuming:before { content: "\e66b"; }

.icon-2daochu01:before { content: "\e601"; }

.icon-datiqia:before { content: "\e692"; }

.icon-wujiaoxing2:before { content: "\e881"; }

.icon-peixun:before { content: "\e67c"; }

.icon-cha:before { content: "\e605"; }

.icon-piliangshanchu:before { content: "\e618"; }

.icon-Create_member:before { content: "\e603"; }

.icon-daoru8:before { content: "\e602"; }

.icon-xiaosanjiaoxing01:before { content: "\e73d"; }

.icon-youjiantou-copy:before { content: "\e73e"; }

* {margin: 0; padding: 0;}
html, body
{width: 100%;height: 100%;overflow:auto;font-size:12px;margin:0;padding:0; font-family:"微软雅黑";background:#fff; text-align:center;
}
ul,li{ list-style:none;}
a{ text-decoration:none; color:#666;}
a:hover{text-decoration:none;}
.hover{background:#0f6c8d;}

i{font-style:normal;}

@font-face{font-family:iconfont;src:url(iconfont.eot?t=1493949807789);
	src:
	url(${pageContext.request.contextPath }/fonts/jzbh.eot?t=1493949807789#iefix) format('embedded-opentype'),
url(${pageContext.request.contextPath }/fonts/jzbh.woff?t=1493949807789) format('woff'),
url(${pageContext.request.contextPath }/fonts/jzbh.ttf?t=1493949807789) format('truetype'),
url(${pageContext.request.contextPath }/fonts/jzbh.svg?t=1493949807789#iconfont) format('svg')}
.iconfont{font-family:iconfont!important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
#active{font-size:12px; color:#289cd5; font-weight:bold;}
.course_main{width:100%; height:100%;}

/*top start*/
.top{width:100%; height:90px; background:#fff; color:#000;}
.top_nr{width:1200px; margin:0 auto;}
.top_left{height:90px; float:left;}
.top_left i{width:180px; height:90px; display:block; float:left; background:../images/student/logo.png) no-repeat center;}
.top_left h1{line-height:100px; display:block; float:left; font-size:28px; }

.top_right{height:90px; float:right; line-height:90px; padding-right:10px;}
.top_right a{padding:0 10px; color:#000; font-size:14px; display:block; float:left;}
.top_right a span{padding-right:5px; display:block; float:left;}
.top_right a i{color:#f00; padding: 0 5px; display:block; float:left;}
.top_right a b{display:block; float:left;}
.top_right a img{margin-top:30px; display:block; float:left;}
/*top end*/
/*nav start*/
.nav{width:100%; height:50px; background:#389fc3; margin-top:15px;}
.nav_nr{width:1200px; height:50px; line-height:50px; margin:0 auto;  font-size:14px;}
.nav_nr ul{display:block; margin:0;}
.nav_nr ul li{height:50px;  display:block; float:left;}
.nav_nr ul li a{ color:#fff; display:block; height:50px; float:left; padding:0 20px;}
.nav_nr ul li a:hover{text-decoration:none;}
.nav_nr i{color:#fff; display:block; float:left;}

/*分页 start*/
.fy{width:100%; height:50px; margin-left:15px; margin-top: 10px; float:left;}
/*分页 end*/
/*百分比进度 start*/
.easyPieChart {position: relative;text-align: center;}
.easyPieChart canvas { position: absolute;top: 0;left: 0;}
/*百分比进度 end*/
/*nav end*/
.foot{width:100%; height:50px; clear:both;}

	.con{
		float: right;
		height: 40px;
		width: 80px;
		background-color: #1c7430;
		font-size: 18px;
		color: white;
		letter-spacing: 5px;
	}
</style>
	<link type="text/css" rel="styleSheet"  href="css/test.css" />
	<link type="text/css" rel="styleSheet"  href="css/main.css" />
	<link type="text/css" rel="styleSheet"  href="css/iconfont.css" />
	<script src="../static/js/jquery-3.5.1.js"></script>
	<script src="../static/js/jquery.countdown.js"></script>
	<script src="../static/js/jquery.easy-pie-chart.js"></script>
	<script>
		var arry = new Array();
		let map = new Map();
		$(function () {
			$(".con").click(function () {
				map.set(0,$('input[name="answer1"]:checked').val());
				map.set(1,$('input[name="answer2"]:checked').val());
				map.set(2,$('input[name="answer3"]:checked').val());
				map.set(3,$('input[name="answer4"]:checked').val());
				map.set(4,$('input[name="answer5"]:checked').val());
				map.set(5,$('input[name="answer6"]:checked').val());
				map.set(6,$('input[name="answer7"]:checked').val());
				map.set(7,$('input[name="answer8"]:checked').val());
				map.set(8,$('input[name="answer9"]:checked').val());
				map.set(9,$('input[name="answer10"]:checked').val());
				map.set(10,$('input[name="answer11"]:checked').val());
				map.set(11,$('input[name="answer12"]:checked').val());
				map.set(12,$('input[name="answer13"]:checked').val());
				map.set(13,$('input[name="answer14"]:checked').val());
				map.set(14,$('input[name="answer15"]:checked').val());
				map.set(15,$('input[name="answer16"]:checked').val());
				map.set(16,$('input[name="answer17"]:checked').val());
				map.set(17,$('input[name="answer18"]:checked').val());
				map.set(18,$('input[name="answer19"]:checked').val());
				map.set(19,$('input[name="answer20"]:checked').val());
				/*//循环所有选中的值
				var ans1 = new Array;
				$('input[name="check1"]:checked').each(function(index, element) {
					//追加到数组中
					ans1.push($(this).val());
				});
				var ans2 = new Array;
				$('input[name="check2"]:checked').each(function(index, element) {
					//追加到数组中
					ans2.push($(this).val());
				});
				answerRadio.push(ans2);
				var ans3 = new Array;
				$('input[name="check3"]:checked').each(function(index, element) {
					//追加到数组中
					ans3.push($(this).val());
				});
				answerRadio.push(ans3)
				var ans4 = new Array;
				$('input[name="check4"]:checked').each(function(index, element) {
					//追加到数组中
					ans4.push($(this).val());
				});
				answerRadio.push(ans4);
				var ans5 = new Array;
				$('input[name="check5"]:checked').each(function(index, element) {
					//追加到数组中
					ans5.push($(this).val());
				});
				answerRadio.push(ans5);*/
				//map转obj
				var ans1 = new Array;
				$('input[name="check1"]:checked').each(function(index, element) {
					//追加到数组中
					ans1.push($(this).val());
				});
				map.set(20,ans1);
				var ans2 = new Array;
				$('input[name="check2"]:checked').each(function(index, element) {
					//追加到数组中
					ans2.push($(this).val());
				});
				map.set(21,ans2);
				var ans3 = new Array;
				$('input[name="check3"]:checked').each(function(index, element) {
					//追加到数组中
					ans3.push($(this).val());
				});
				map.set(22,ans3);
				var ans4 = new Array;
				$('input[name="check4"]:checked').each(function(index, element) {
					//追加到数组中
					ans4.push($(this).val());
				});
				map.set(23,ans4);
				var ans5 = new Array;
				$('input[name="check5"]:checked').each(function(index, element) {
					//追加到数组中
					ans5.push($(this).val());
				});
				map.set(24,ans5);
				let obj= Object.create(null);
				for (let[k,v] of map) {
					obj[k] = v;
				}

				$.ajax({
					url: '/examGrade',
					type: 'POST',
					dataType: 'json',
					contentType:"application/json",        //后端通过@RequestBody得到数据
					data: JSON.stringify(obj),      //传递json数据
					success:function (json) {
						/*alert(json);*/
						window.location.href="/exam_over";    //考试结束跳转页面
					}
				});
			});
		})
	</script>
</head>

<body>
	<div class="main">
		<!--nr start-->
		<div class="test_main">
			<div class="nr_left">
				<div class="test">

						<div class="test_title">
							<p class="test_time">
								<i class="icon iconfont">&#xe6fb;</i><b class="alt-1">01:40</b>
							</p>
							<button class="con" >交卷</button>
						</div>
						
							<div class="test_content">
								<div class="test_content_title">
									<h2>单选题</h2>
									<p class="title1">
										每小题3分，共20题，合计60分
									</p>
								</div>
							</div>
							<div class="test_content_nr">
								<ul>
									
										<li id="qu_0_0">
											<div class="test_content_nr_tt">
												<i>1</i><span>(3分)</span><span th:text="${lists.get(0).getQuestion()}"/><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>
													
														<li class="option">
															<label  >
																<input type="radio" name="answer1" class="ans1A" value="A" />
																<span th:text="${lists.get(0).getOption_a()}"/>
															</label>
														</li>
													
														<li class="option">

															<label >
																<input type="radio" name="answer1" class="ans1B" value="B"/>
																<span th:text="${lists.get(0).getOption_b()}"/>
															</label>
														</li>
													
														<li class="option">

															<label >
																<input type="radio" name="answer1" class="ans1C" value="C">
																<span th:text="${lists.get(0).getOption_c()}"/>
															</label>
														</li>
													
														<li class="option">

															<label >
																<input type="radio" name="answer1" class="ans1D" value="D">
																<span th:text="${lists.get(0).getOption_d()}"/>
															</label>
														</li>
													
												</ul>
											</div>
										</li>
									
										<li id="qu_0_1">
											<div class="test_content_nr_tt">
												<i>2</i><span>(3分)</span><span th:text="${lists.get(1).getQuestion()}"/><b class="icon iconfont">&#xe881;</b>
											</div>
											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="radio" name="answer2" class="ans2A" value="A" />
															<span th:text="${lists.get(1).getOption_a()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer2" class="ans2B" value="B"/>
															<span th:text="${lists.get(1).getOption_b()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer2" class="ans2C" value="C">
															<span th:text="${lists.get(1).getOption_c()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer2" class="ans2D" value="D">
															<span th:text="${lists.get(1).getOption_d()}"/>
														</label>
													</li>

												</ul>
											</div>
										</li>
									<li id="qu_0_2">
										<div class="test_content_nr_tt">
											<i>3</i><span>(3分)</span><span th:text="${lists.get(2).getQuestion()}"/><b class="icon iconfont">&#xe881;</b>
										</div>
										<div class="test_content_nr_main">
											<ul>

												<li class="option">
													<label  >
														<input type="radio" name="answer3" class="ans3A" value="A" />
														<span th:text="${lists.get(2).getOption_a()}"/>
													</label>
												</li>

												<li class="option">

													<label >
														<input type="radio" name="answer3" class="ans3B" value="B"/>
														<span th:text="${lists.get(2).getOption_b()}"/>
													</label>
												</li>

												<li class="option">

													<label >
														<input type="radio" name="answer3" class="ans3C" value="C">
														<span th:text="${lists.get(2).getOption_c()}"/>
													</label>
												</li>

												<li class="option">

													<label >
														<input type="radio" name="answer3" class="ans3D" value="D">
														<span th:text="${lists.get(2).getOption_d()}"/>
													</label>
												</li>

											</ul>
										</div>
									</li>
									<li id="qu_0_3">
										<div class="test_content_nr_tt">
											<i>4</i><span>(3分)</span><span th:text="${lists.get(3).getQuestion()}"/><b class="icon iconfont">&#xe881;</b>
										</div>
										<div class="test_content_nr_main">
											<ul>

												<li class="option">
													<label  >
														<input type="radio" name="answer4" class="ans4A" value="A" />
														<span th:text="${lists.get(3).getOption_a()}"/>
													</label>
												</li>

												<li class="option">

													<label >
														<input type="radio" name="answer4" class="ans4B" value="B"/>
														<span th:text="${lists.get(3).getOption_b()}"/>
													</label>
												</li>

												<li class="option">

													<label >
														<input type="radio" name="answer4" class="ans4C" value="C">
														<span th:text="${lists.get(3).getOption_c()}"/>
													</label>
												</li>

												<li class="option">

													<label >
														<input type="radio" name="answer4" class="ans4D" value="D">
														<span th:text="${lists.get(3).getOption_d()}"/>
													</label>
												</li>

											</ul>
										</div>
									</li>
									
										<li id="qu_0_4">
											<div class="test_content_nr_tt">
												<i>5</i><span>(3分)</span><span th:text="${lists.get(4).getQuestion()}"/><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="radio" name="answer5" class="ans5A" value="A" />
															<span th:text="${lists.get(4).getOption_a()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer5" class="ans5B" value="B"/>
															<span th:text="${lists.get(4).getOption_b()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer5" class="ans5C" value="C">
															<span th:text="${lists.get(4).getOption_c()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer5" class="ans5D" value="D">
															<span th:text="${lists.get(4).getOption_d()}"/>
														</label>
													</li>

												</ul>
											</div>
										</li>
									
										<li id="qu_0_5">
											<div class="test_content_nr_tt">
												<i>6</i><span>(3分)</span><span th:text="${lists.get(5).getQuestion()}"/><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="radio" name="answer6" class="ans6A" value="A" />
															<span th:text="${lists.get(5).getOption_a()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer6" class="ans6B" value="B"/>
															<span th:text="${lists.get(5).getOption_b()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer6" class="ans6C" value="C">
															<span th:text="${lists.get(5).getOption_c()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer6" class="ans6D" value="D">
															<span th:text="${lists.get(5).getOption_d()}"/>
														</label>
													</li>

												</ul>
											</div>
										</li>
									
										<li id="qu_0_6">
											<div class="test_content_nr_tt">
												<i>7</i><span>(3分)<span th:text="${lists.get(6).getQuestion()}"/><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="radio" name="answer7" class="ans7A" value="A" />
															<span th:text="${lists.get(6).getOption_a()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer7" class="ans7B" value="B"/>
															<span th:text="${lists.get(6).getOption_b()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer7" class="ans7C" value="C">
															<span th:text="${lists.get(6).getOption_c()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer7" class="ans7D" value="D">
															<span th:text="${lists.get(6).getOption_d()}"/>
														</label>
													</li>

												</ul>
											</div>
										</li>
									
										<li id="qu_0_7">
											<div class="test_content_nr_tt">
												<i>8</i><span>(3分)</span><span th:text="${lists.get(7).getQuestion()}"/><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="radio" name="answer8" class="ans4A" value="A" />
															<span th:text="${lists.get(7).getOption_a()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer8" class="ans4B" value="B"/>
															<span th:text="${lists.get(7).getOption_b()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer8" class="ans4C" value="C">
															<span th:text="${lists.get(7).getOption_c()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer8" class="ans4D" value="D">
															<span th:text="${lists.get(7).getOption_d()}"/>
														</label>
													</li>

												</ul>
											</div>
										</li>
									
										<li id="qu_0_8">
											<div class="test_content_nr_tt">
												<i>9</i><span>(3分)</span><span th:text="${lists.get(8).getQuestion()}"/><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="radio" name="answer9" class="ans4A" value="A" />
															<span th:text="${lists.get(8).getOption_a()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer9" class="ans4B" value="B"/>
															<span th:text="${lists.get(8).getOption_b()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer9" class="ans4C" value="C">
															<span th:text="${lists.get(8).getOption_c()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer9" class="ans4D" value="D">
															<span th:text="${lists.get(8).getOption_d()}"/>
														</label>
													</li>

												</ul>
											</div>
										</li>
									
										<li id="qu_0_9">
											<div class="test_content_nr_tt">
												<i>10</i><span>(3分)</span><span th:text="${lists.get(09).getQuestion()}"/><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="radio" name="answer10" class="ans4A" value="A" />
															<span th:text="${lists.get(9).getOption_a()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer10" class="ans4B" value="B"/>
															<span th:text="${lists.get(9).getOption_b()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer10" class="ans4C" value="C">
															<span th:text="${lists.get(9).getOption_c()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer10" class="ans4D" value="D">
															<span th:text="${lists.get(9).getOption_d()}"/>
														</label>
													</li>

												</ul>
											</div>
										</li>
									
										<li id="qu_0_10">
											<div class="test_content_nr_tt">
												<i>11</i><span>(3分)</span><span th:text="${lists.get(10).getQuestion()}"/><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="radio" name="answer11" class="ans4A" value="A" />
															<span th:text="${lists.get(10).getOption_a()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer11" class="ans4B" value="B"/>
															<span th:text="${lists.get(10).getOption_b()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer11" class="ans4C" value="C">
															<span th:text="${lists.get(10).getOption_c()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer11" class="ans4D" value="D">
															<span th:text="${lists.get(10).getOption_d()}"/>
														</label>
													</li>

												</ul>
											</div>
										</li>
									
										<li id="qu_0_11">
											<div class="test_content_nr_tt">
												<i>12</i><span>(3分)</span><span th:text="${lists.get(11).getQuestion()}"/><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="radio" name="answer12" class="ans4A" value="A" />
															<span th:text="${lists.get(11).getOption_a()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer12" class="ans4B" value="B"/>
															<span th:text="${lists.get(11).getOption_b()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer12" class="ans4C" value="C">
															<span th:text="${lists.get(11).getOption_c()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer12" class="ans4D" value="D">
															<span th:text="${lists.get(11).getOption_d()}"/>
														</label>
													</li>

												</ul>
											</div>
										</li>
									
										<li id="qu_0_12">
											<div class="test_content_nr_tt">
												<i>13</i><span>(3分)</span><span th:text="${lists.get(12).getQuestion()}"/><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="radio" name="answer13" class="ans4A" value="A" />
															<span th:text="${lists.get(12).getOption_a()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer13" class="ans4B" value="B"/>
															<span th:text="${lists.get(12).getOption_b()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer13" class="ans4C" value="C">
															<span th:text="${lists.get(12).getOption_c()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer13" class="ans4D" value="D">
															<span th:text="${lists.get(12).getOption_d()}"/>
														</label>
													</li>

												</ul>
											</div>
										</li>
									
										<li id="qu_0_13">
											<div class="test_content_nr_tt">
												<i>14</i><span>(3分)</span><span th:text="${lists.get(13).getQuestion()}"/><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="radio" name="answer14" class="ans4A" value="A" />
															<span th:text="${lists.get(13).getOption_a()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer14" class="ans4B" value="B"/>
															<span th:text="${lists.get(13).getOption_b()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer14" class="ans4C" value="C">
															<span th:text="${lists.get(13).getOption_c()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer14" class="ans4D" value="D">
															<span th:text="${lists.get(13).getOption_d()}"/>
														</label>
													</li>

												</ul>
											</div>
										</li>
									
										<li id="qu_0_14">
											<div class="test_content_nr_tt">
												<i>15</i><span>(3分)</span><span th:text="${lists.get(14).getQuestion()}"/><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="radio" name="answer15" class="ans4A" value="A" />
															<span th:text="${lists.get(14).getOption_a()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer15" class="ans4B" value="B"/>
															<span th:text="${lists.get(14).getOption_b()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer15" class="ans4C" value="C">
															<span th:text="${lists.get(14).getOption_c()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer15" class="ans4D" value="D">
															<span th:text="${lists.get(14).getOption_d()}"/>
														</label>
													</li>

												</ul>
											</div>
										</li>
									
										<li id="qu_0_15">
											<div class="test_content_nr_tt">
												<i>16</i><span>(3分)</span><<span th:text="${lists.get(15).getQuestion()}"/><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="radio" name="answer16" class="ans4A" value="A" />
															<span th:text="${lists.get(15).getOption_a()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer16" class="ans4B" value="B"/>
															<span th:text="${lists.get(15).getOption_b()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer16" class="ans4C" value="C">
															<span th:text="${lists.get(15).getOption_c()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer16" class="ans4D" value="D">
															<span th:text="${lists.get(15).getOption_d()}"/>
														</label>
													</li>

												</ul>
											</div>
										</li>
									
										<li id="qu_0_16">
											<div class="test_content_nr_tt">
												<i>17</i><span>(3分)</span><span th:text="${lists.get(16).getQuestion()}"/><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="radio" name="answer17" class="ans4A" value="A" />
															<span th:text="${lists.get(16).getOption_a()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer17" class="ans4B" value="B"/>
															<span th:text="${lists.get(16).getOption_b()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer17" class="ans4C" value="C">
															<span th:text="${lists.get(16).getOption_c()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer17" class="ans4D" value="D">
															<span th:text="${lists.get(16).getOption_d()}"/>
														</label>
													</li>

												</ul>
											</div>
										</li>
									
										<li id="qu_0_17">
											<div class="test_content_nr_tt">
												<i>18</i><span>(3分)</span><span th:text="${lists.get(17).getQuestion()}"/><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="radio" name="answer18" class="ans4A" value="A" />
															<span th:text="${lists.get(17).getOption_a()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer18" class="ans4B" value="B"/>
															<span th:text="${lists.get(17).getOption_b()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer18" class="ans4C" value="C">
															<span th:text="${lists.get(17).getOption_c()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer18" class="ans4D" value="D">
															<span th:text="${lists.get(17).getOption_d()}"/>
														</label>
													</li>

												</ul>
											</div>
										</li>
									
										<li id="qu_0_18">
											<div class="test_content_nr_tt">
												<i>19</i><span>(3分)</span><span th:text="${lists.get(18).getQuestion()}"/><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="radio" name="answer19" class="ans4A" value="A" />
															<span th:text="${lists.get(18).getOption_a()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer19" class="ans4B" value="B"/>
															<span th:text="${lists.get(18).getOption_b()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer19" class="ans4C" value="C">
															<span th:text="${lists.get(18).getOption_c()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer19" class="ans4D" value="D">
															<span th:text="${lists.get(18).getOption_d()}"/>
														</label>
													</li>

												</ul>
											</div>
										</li>
									
										<li id="qu_0_19">
											<div class="test_content_nr_tt">
												<i>20</i><span>(3分)</span><span th:text="${lists.get(19).getQuestion()}"/></font><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="radio" name="answer20" class="ans4A" value="A" />
															<span th:text="${lists.get(19).getOption_a()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer20" class="ans4B" value="B"/>
															<span th:text="${lists.get(19).getOption_b()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer20" class="ans4C" value="C">
															<span th:text="${lists.get(19).getOption_c()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer20" class="ans4D" value="D">
															<span th:text="${lists.get(19).getOption_d()}"/>
														</label>
													</li>

												</ul>
											</div>
										</li>

										<!--<li id="qu_0_20">
											<div class="test_content_nr_tt">
												<i>21</i><span>(1分)</span><font>在生产管理信息系统中，如何确认工作流推进流程启动成功？</font><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="radio" name="answer21" class="ans4A" value="A" />A.狗
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer21" class="ans4B" value="B"/>B.鸡
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer21" class="ans4C" value="C">C.鸭
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer21" class="ans4D" value="D">D.鹅
														</label>
													</li>

												</ul>
											</div>
										</li>

										<li id="qu_0_21">
											<div class="test_content_nr_tt">
												<i>22</i><span>(1分)</span><font>公司五个核心能力中的电网运营能力，指能源高效利用能力、安全风险控制能力、（  ）能力。</font><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="radio" name="answer22" class="ans4A" value="A" />A.狗
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer22" class="ans4B" value="B"/>B.鸡
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer22" class="ans4C" value="C">C.鸭
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer22" class="ans4D" value="D">D.鹅
														</label>
													</li>

												</ul>
											</div>
										</li>

										<li id="qu_0_22">
											<div class="test_content_nr_tt">
												<i>23</i><span>(1分)</span><font>公司未来发展的战略选择：集中精力做强做优主业、以客户为中心、（  ）、合理延伸产业链。</font><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="radio" name="answer23" class="ans4A" value="A" />A.狗
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer23" class="ans4B" value="B"/>B.鸡
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer23" class="ans4C" value="C">C.鸭
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer23" class="ans4D" value="D">D.鹅
														</label>
													</li>

												</ul>
											</div>
										</li>

										<li id="qu_0_23">
											<div class="test_content_nr_tt">
												<i>24</i><span>(1分)</span><font>随着国内外形势的变化，（  ）成为南方电网公司未来发展的主题。</font><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="radio" name="answer24" class="ans4A" value="A" />A.狗
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer24" class="ans4B" value="B"/>B.鸡
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer24" class="ans4C" value="C">C.鸭
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer24" class="ans4D" value="D">D.鹅
														</label>
													</li>

												</ul>
											</div>
										</li>

										<li id="qu_0_24">
											<div class="test_content_nr_tt">
												<i>25</i><span>(1分)</span><font>公司成立之初，即面临着重组、融合、（  ）三大任务。</font><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="radio" name="answer25" class="ans4A" value="A" />A.狗
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer25" class="ans4B" value="B"/>B.鸡
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer25" class="ans4C" value="C">C.鸭
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer25" class="ans4D" value="D">D.鹅
														</label>
													</li>

												</ul>
											</div>
										</li>

										<li id="qu_0_25">
											<div class="test_content_nr_tt">
												<i>26</i><span>(1分)</span><font>南网文化坚持“三统一”原则，统一的（  ）、统一的框架体系、统一的文化评价。</font><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="radio" name="answer26" class="ans4A" value="A" />A.狗
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer26" class="ans4B" value="B"/>B.鸡
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer26" class="ans4C" value="C">C.鸭
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer26" class="ans4D" value="D">D.鹅
														</label>
													</li>

												</ul>
											</div>
										</li>

										<li id="qu_0_26">
											<div class="test_content_nr_tt">
												<i>27</i><span>(1分)</span><font>检查、使用万用表,进入高压场地使用万用表进行测量工作必须（  ）</font><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="radio" name="answer27" class="ans4A" value="A" />A.狗
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer27" class="ans4B" value="B"/>B.鸡
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer27" class="ans4C" value="C">C.鸭
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer27" class="ans4D" value="D">D.鹅
														</label>
													</li>

												</ul>
											</div>
										</li>

										<li id="qu_0_27">
											<div class="test_content_nr_tt">
												<i>28</i><span>(1分)</span><font>我国国家标准的居民生活用电线电压为（  ）</font><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="radio" name="answer28" class="ans4A" value="A" />A.狗
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer28" class="ans4B" value="B"/>B.鸡
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer28" class="ans4C" value="C">C.鸭
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer28" class="ans4D" value="D">D.鹅
														</label>
													</li>

												</ul>
											</div>
										</li>

										<li id="qu_0_28">
											<div class="test_content_nr_tt">
												<i>29</i><span>(2分)</span><font>国家标准《电能质量 供电电压偏差》规定各电压等级的电压合格偏差范围。220V单相供电电压偏差为标称电压的（  ）</font><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="radio" name="answer29" class="ans4A" value="A" />A.狗
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer29" class="ans4B" value="B"/>B.鸡
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer29" class="ans4C" value="C">C.鸭
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer29" class="ans4D" value="D">D.鹅
														</label>
													</li>

												</ul>
											</div>
										</li>

										<li id="qu_0_29">
											<div class="test_content_nr_tt">
												<i>30</i><span>(2分)</span><font>用兆欧表测量电力电缆的绝缘电阻，兆欧表有三个接线柱L、E、G，其中E表示（  ）</font><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="radio" name="answer30" class="ans4A" value="A" />A.狗
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer30" class="ans4B" value="B"/>B.鸡
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer30" class="ans4C" value="C">C.鸭
														</label>
													</li>

													<li class="option">

														<label >
															<input type="radio" name="answer30" class="ans4D" value="D">D.鹅
														</label>
													</li>

												</ul>
											</div>
										</li>-->
								</ul>
							</div>
							<div class="test_content">
								<div class="test_content_title">
									<h2>多选题</h2>
									<p class="title2">
										每小题8分，共5题，合计40分
									</p>
								</div>
							</div>
							<div class="test_content_nr">
								<ul>
									
										<li id="qu_1_0">
											<div class="test_content_nr_tt">
												<i>1</i><span>(8分)</span><span th:text="${lists.get(20).getQuestion()}"/><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="checkbox" name="check1" class="answer1A" value="A" />
															<span th:text="${lists.get(20).getOption_a()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="checkbox" name="check1" class="answer1B" value="B"/>
															<span th:text="${lists.get(20).getOption_b()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="checkbox" name="check1" class="answer1C" value="C">
															<span th:text="${lists.get(20).getOption_c()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="checkbox" name="check1" class="answer1D" value="D">
															<span th:text="${lists.get(20).getOption_d()}"/>
														</label>
													</li>

												</ul>
											</div>
										</li>
									
										<li id="qu_1_1">
											<div class="test_content_nr_tt">
												<i>2</i><span>(8分)</span><span th:text="${lists.get(21).getQuestion()}"/><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="checkbox" name="check2" class="ans4A" value="A" />
															<span th:text="${lists.get(21).getOption_a()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="checkbox" name="check2" class="ans4B" value="B"/>
															<span th:text="${lists.get(21).getOption_b()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="checkbox" name="check2" class="ans4C" value="C">
															<span th:text="${lists.get(21).getOption_c()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="checkbox" name="check2" class="ans4D" value="D">
															<span th:text="${lists.get(21).getOption_d()}"/>
														</label>
													</li>

												</ul>
											</div>
										</li>
									
										<li id="qu_1_2">
											<div class="test_content_nr_tt">
												<i>3</i><span>(8分)</span><span th:text="${lists.get(22).getQuestion()}"/><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="checkbox" name="check3" class="ans4A" value="A" />
															<span th:text="${lists.get(22).getOption_a()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="checkbox" name="check3" class="ans4B" value="B"/>
															<span th:text="${lists.get(22).getOption_b()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="checkbox" name="check3" class="ans4C" value="C">
															<span th:text="${lists.get(22).getOption_c()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="checkbox" name="check3" class="ans4D" value="D">
															<span th:text="${lists.get(22).getOption_d()}"/>
														</label>
													</li>

												</ul>
											</div>
										</li>
									
										<li id="qu_1_3">
											<div class="test_content_nr_tt">
												<i>4</i><span>(8分)</span><span th:text="${lists.get(23).getQuestion()}"/><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="checkbox" name="check4" class="ans4A" value="A" />
															<span th:text="${lists.get(23).getOption_a()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="checkbox" name="check4" class="ans4B" value="B"/>
															<span th:text="${lists.get(23).getOption_b()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="checkbox" name="check4" class="ans4C" value="C">
															<span th:text="${lists.get(23).getOption_c()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="checkbox" name="check4" class="ans4D" value="D">
															<span th:text="${lists.get(23).getOption_d()}"/>
														</label>
													</li>

												</ul>
											</div>
										</li>
									
										<li id="qu_1_4">
											<div class="test_content_nr_tt">
												<i>5</i><span>(8分)</span><span th:text="${lists.get(24).getQuestion()}"/><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="checkbox" name="check5" class="ans4A" value="A" />
															<span th:text="${lists.get(24).getOption_a()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="checkbox" name="check5" class="ans4B" value="B"/>
															<span th:text="${lists.get(24).getOption_b()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="checkbox" name="check5" class="ans4C" value="C">
															<span th:text="${lists.get(24).getOption_c()}"/>
														</label>
													</li>

													<li class="option">

														<label >
															<input type="checkbox" name="check5" class="ans4D" value="D">
															<span th:text="${lists.get(24).getOption_d()}"/>
														</label>
													</li>

												</ul>
											</div>
										</li>
									
										<!--<li id="qu_1_5">
											<div class="test_content_nr_tt">
												<i>6</i><span>(4分)</span><font>以下不属于严禁违反的行风规定的是（）</font><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="checkbox" name="check6" class="ans4A" value="A" />A.狗
														</label>
													</li>

													<li class="option">

														<label >
															<input type="checkbox" name="check6" class="ans4B" value="B"/>B.鸡
														</label>
													</li>

													<li class="option">

														<label >
															<input type="checkbox" name="check6" class="ans4C" value="C">C.鸭
														</label>
													</li>

													<li class="option">

														<label >
															<input type="checkbox" name="check6" class="ans4D" value="D">D.鹅
														</label>
													</li>

												</ul>
											</div>
										</li>
									
										<li id="qu_1_6">
											<div class="test_content_nr_tt">
												<i>7</i><span>(4分)</span><font>以下哪项行为需要经过授权与批准（）</font><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="checkbox" name="check7" class="ans4A" value="A" />A.狗
														</label>
													</li>

													<li class="option">

														<label >
															<input type="checkbox" name="check7" class="ans4B" value="B"/>B.鸡
														</label>
													</li>

													<li class="option">

														<label >
															<input type="checkbox" name="check7" class="ans4C" value="C">C.鸭
														</label>
													</li>

													<li class="option">

														<label >
															<input type="checkbox" name="check7" class="ans4D" value="D">D.鹅
														</label>
													</li>

												</ul>
											</div>
										</li>
									
										<li id="qu_1_7">
											<div class="test_content_nr_tt">
												<i>8</i><span>(4分)</span><font>以下不属于“节约环保、居安思危、艰苦创业”内容的是（）</font><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="checkbox" name="check8" class="ans4A" value="A" />A.狗
														</label>
													</li>

													<li class="option">

														<label >
															<input type="checkbox" name="check8" class="ans4B" value="B"/>B.鸡
														</label>
													</li>

													<li class="option">

														<label >
															<input type="checkbox" name="check8" class="ans4C" value="C">C.鸭
														</label>
													</li>

													<li class="option">

														<label >
															<input type="checkbox" name="check8" class="ans4D" value="D">D.鹅
														</label>
													</li>

												</ul>
											</div>
										</li>
									
										<li id="qu_1_8">
											<div class="test_content_nr_tt">
												<i>9</i><span>(4分)</span><font>跌落式熔断器安装时螺母（  ）</font><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="checkbox" name="check9" class="ans4A" value="A" />A.狗
														</label>
													</li>

													<li class="option">

														<label >
															<input type="checkbox" name="check9" class="ans4B" value="B"/>B.鸡
														</label>
													</li>

													<li class="option">

														<label >
															<input type="checkbox" name="check9" class="ans4C" value="C">C.鸭
														</label>
													</li>

													<li class="option">

														<label >
															<input type="checkbox" name="check9" class="ans4D" value="D">D.鹅
														</label>
													</li>

												</ul>
											</div>
										</li>

										<li id="qu_1_9">
											<div class="test_content_nr_tt">
												<i>10</i><span>(4分)</span><font>新装的跌落式熔断器绝缘电阻应大于（  ）</font><b class="icon iconfont">&#xe881;</b>
											</div>

											<div class="test_content_nr_main">
												<ul>

													<li class="option">
														<label  >
															<input type="checkbox" name="check10" class="ans4A" value="A" />A.狗
														</label>
													</li>

													<li class="option">

														<label >
															<input type="checkbox" name="check10" class="ans4B" value="B"/>B.鸡
														</label>
													</li>

													<li class="option">

														<label >
															<input type="checkbox" name="check10" class="ans4C" value="C">C.鸭
														</label>
													</li>

													<li class="option">

														<label >
															<input type="checkbox" name="check10" class="ans4D" value="D">D.鹅
														</label>
													</li>

												</ul>
											</div>
										</li>-->

								</ul>
							</div>

				</div>

			</div>
			<div class="nr_right">
				<div class="nr_rt_main">
					<div class="rt_nr1">
						<div class="rt_nr1_title">
							<h1>
								<i class="icon iconfont">&#xe692;</i>答题卡
							</h1>
							<p class="test_time">
								<i class="icon iconfont">&#xe6fb;</i><b class="alt-1">01:40</b>
							</p>
						</div>
						
							<div class="rt_content">
								<div class="rt_content_tt">
									<h2>单选题</h2>
									<p>
										<span>共</span><i class="content_lit">20</i><span>题</span>
									</p>
								</div>
								<div class="rt_content_nr answerSheet">
									<ul>
										
											<li><a href="#qu_0_0">1</a></li>
										
											<li><a href="#qu_0_1">2</a></li>
										
											<li><a href="#qu_0_2">3</a></li>
										
											<li><a href="#qu_0_3">4</a></li>
										
											<li><a href="#qu_0_4">5</a></li>
										
											<li><a href="#qu_0_5">6</a></li>
										
											<li><a href="#qu_0_6">7</a></li>
										
											<li><a href="#qu_0_7">8</a></li>
										
											<li><a href="#qu_0_8">9</a></li>
										
											<li><a href="#qu_0_9">10</a></li>
										
											<li><a href="#qu_0_10">11</a></li>
										
											<li><a href="#qu_0_11">12</a></li>
										
											<li><a href="#qu_0_12">13</a></li>
										
											<li><a href="#qu_0_13">14</a></li>
										
											<li><a href="#qu_0_14">15</a></li>
										
											<li><a href="#qu_0_15">16</a></li>
										
											<li><a href="#qu_0_16">17</a></li>
										
											<li><a href="#qu_0_17">18</a></li>
										
											<li><a href="#qu_0_18">19</a></li>
										
											<li><a href="#qu_0_19">20</a></li>
										
											<!--<li><a href="#qu_0_20">21</a></li>
										
											<li><a href="#qu_0_21">22</a></li>
										
											<li><a href="#qu_0_22">23</a></li>
										
											<li><a href="#qu_0_23">24</a></li>
										
											<li><a href="#qu_0_24">25</a></li>
										
											<li><a href="#qu_0_25">26</a></li>
										
											<li><a href="#qu_0_26">27</a></li>
										
											<li><a href="#qu_0_27">28</a></li>
										
											<li><a href="#qu_0_28">29</a></li>
										
											<li><a href="#qu_0_29">30</a></li>-->

										
									</ul>
								</div>
							</div>
						
							<div class="rt_content">
								<div class="rt_content_tt">
									<h2>多选题</h2>
									<p>
										<span>共</span><i class="content_lit">5</i><span>题</span>
									</p>
								</div>
								<div class="rt_content_nr answerSheet">
									<ul>
										
											<li><a href="#qu_1_0">1</a></li>
										
											<li><a href="#qu_1_1">2</a></li>
										
											<li><a href="#qu_1_2">3</a></li>
										
											<li><a href="#qu_1_3">4</a></li>
										
											<li><a href="#qu_1_4">5</a></li>
										
											<!--<li><a href="#qu_1_5">6</a></li>
										
											<li><a href="#qu_1_6">7</a></li>
										
											<li><a href="#qu_1_7">8</a></li>
										
											<li><a href="#qu_1_8">9</a></li>
										
											<li><a href="#qu_1_9">10</a></li>-->

										
									</ul>
								</div>
							</div>
						
					</div>

				</div>
			</div>
		</div>
		<!--nr end-->
		<div class="foot"></div>
	</div>
	<script>
		window.jQuery(function($) {
			"use strict";
			
			$('time').countDown({
				with_separators : false
			});
			$('.alt-1').countDown({
				css_class : 'countdown-alt-1'
			});
			$('.alt-2').countDown({
				css_class : 'countdown-alt-2'
			});
			
		});
		
		
		$(function() {
			$('li.option label').click(function() {
			debugger;
				var examId = $(this).closest('.test_content_nr_main').closest('li').attr('id'); // 得到题目ID
				var cardLi = $('a[href=#' + examId + ']'); // 根据题目ID找到对应答题卡
				// 设置已答题
				if(!cardLi.hasClass('hasBeenAnswer')){
					cardLi.addClass('hasBeenAnswer');
				}
				
			});
		});
	</script>
<div style="text-align:center;">
</div>

</body>

</html>